<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>李荣鹏2215220334的黑店</title>
  <link href="css/style.css" type="text/css" rel="stylesheet" media="all">
</head>

<body>
  <header class="head clearfix">
    <div class="main "><b class="logo"><img src="images/logo.png" width="220"></b> <span class="fr">
        <p><a href="index.html">主页</a> <a href="list.html">所有书籍</a> <a href="reg.html">注册</a><a href="login.html">登录</a>
        </p>
      </span>
      <div class="clearfix"></div>
    </div>
  </header>
  <section class="main clearfix"><br>
    <div class="bar2">
      <h3>会员登录</h3>
    </div>
    <div class="login">
      <div class="login-left"><img src="images/g.jpg" width="100%" alt=""></div>
      <div class="logoin-right">
        <p><span>欢迎登录网上商城</span><a href="reg.html"><b>还没有账号？</b>30秒注册</a></p>
        <dl>
          <dt>用户名/邮箱/手机号</dt>
          <dd>
            <input type="text" id="a">
          </dd>
          <dt>密码</dt>
          <dd>
            <input type="password"  id="b">
            <span id="pwd-icon" class="iconfont icon-yincangmima"></span>
          </dd>
          <dt>验证码</dt>
          <dd style="display: flex;">
            <input type="password">
            <span style="width: 100px;background-color: #ccc;text-align: center; position: relative;top: -2px;" id="span"></span>
          </dd>
        </dl>
        <button type="submit" id="c">登 陆</button>
        <div class="pw"><a href="#">忘记密码</a></div>
      </div>
    </div>
  </section>
  <footer> 李荣鹏2215220334的黑店</footer>
</body>

</html>

<script src="./js/dl.js"></script>